<template>
    <div>
        <el-dialog
            :title="title"
            :visible.sync="centerDialogVisible"
            :width="width"
            center>
            <div>
                <el-form>
                    
                </el-form>
            </div>
            <span slot="footer" class="dialog-footer">
                <el-button @click="onCancel">取 消</el-button>
                <el-button type="primary" @click="onOk">确 定</el-button>
            </span>
        </el-dialog>
    </div>
</template>

<script>
export default {
    data () {
        return {
            centerDialogVisible:false,
        }
    },
    props:{
        width:{
            type:String,
            default:'30%'
        },
        title:{
            type:String,
            default:''
        },
        data:{
            type:Array,
            default:[]
        }
    },
    methods: {
        onOK () {
            this.centerDialogVisible = false
        },
        onCancel () {
            this.centerDialogVisible = false
        }
    },
}
</script>